Router Cache
from Next.jsのCache
Next.jsのCacheの中で唯一のclientでのcache
docs
2つcacheされる
訪問済みのページの内容
preftchしたページの内容
next/linkによるもの
RSC Payloadを保存することで実現している
Static RoutesもDynamic Routesも対象
validate周り
reloadすると消える
next/linkのprefetch属性でinvalidateする期間を指定できる
Next.js v14.2でstaleTimesがexperimentalで入った
https://gyazo.com/8551d23681c15b2066c1398cf2375e9c https://nextjs.org/docs/app/building-your-application/caching#router-cache
<Link>のprefetchによるcacheは30秒間保存される
<Link> コンポーネントの prefetch prop を false に設定することで、プリフェッチを無効にすることもできます。 しかし、タブバーや戻る/進むナビゲーションのようなネストされたセグメント間の即時ナビゲーションを可能にするために、ルートセグメントは30秒間一時的に保存されます。 訪問したルートはキャッシュされます。
https://nextjs.org/docs/app/building-your-application/caching#opting-out-3
これやりすぎでは?mrsekut.icon